// pages/contect/contect.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        colorList: [],//随机颜色的列表
        isLoading:false//默认 可以请求数据

    },
    // 获取随机颜色的方法
    getColors() {
        this.setData({
            isLoading:true
        })
        // 添加loading效果
        wx.showLoading({
          title: '加载中',
        })
        wx.request({
            url: 'https://www.escook.cn/api/color',
            method: 'GET',
            success: ({
                data: res
            }) => {
                this.setData({
                    colorList: [...this.data.colorList, ...res.data]
                })
            },
            complete:()=>{
               wx.hideLoading() //隐藏loading
               this.setData({
                isLoading:false
            })
            }
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
      if(this.data.isLoading) return
        this.getColors()
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
        // 获取数据下一页
        this.getColors()
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})